<!DOCTYPE html>
<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js flexbox canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" style="">
<!--<![endif]-->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title>HCC, I'm.</title>
  <meta name="keywords" content="HCC">
  <meta name="description" content="HCC">
  <link rel="stylesheet" href="welcome_files/all_84badac.css">
  <script src="welcome_files/jquery-1.js"></script>
  <script src="welcome_files/jquery-ui-1.js"></script>
  <script src="welcome_files/jquery.js"></script>
  <script src="welcome_files/modernizr.js"></script>
  <script src="welcome_files/client_f1d5015.js"></script>
  <script src="welcome_files/main_02e9833.js"></script>
  <!--[if IE 6]>
  <![endif]--></head>
<body>
  <div id="container" class="main-expanding" style="width: 1600px; height: 767px;">
    <div id="nav">
      <ul>
        <li>
          <a href="#" id="link-about">
            <span class="link-text-wrapper">
              <span class="link-text">
                <em class="link-icon"></em>HCC Community&nbsp;&nbsp;&nbsp;</span>
            </span>
          </a>
        </li>
        <li>
          <a href="#" id="link-log">
            <span class="link-text-wrapper">
              <span class="link-text">
                <em class="link-icon"></em>HCC Community&nbsp;&nbsp;&nbsp;</span>
            </span>
          </a>
        </li>
        <li>
          <a href="#" id="link-guide">
            <span class="link-text-wrapper">
              <span class="link-text">
                <em class="link-icon"></em>HCC Community&nbsp;&nbsp;&nbsp;</span>
            </span>
          </a>
        </li>
        <li>
          <a href="#" id="link-app">
            <span class="link-text-wrapper">
              <span class="link-text">
                <em class="link-icon"></em>HCC Community&nbsp;&nbsp;&nbsp;</span>
            </span>
          </a>
        </li>
        <li>
          <a href="#" id="link-comment">
            <span class="link-text-wrapper">
              <span class="link-text">
                <em class="link-icon"></em>HCC Community&nbsp;&nbsp;&nbsp;</span>
            </span>
          </a>
        </li>
      </ul>
      <div id="nav-overlay"></div>
    </div>
    <ul id="slide-bar">
      <li class="slide-bar-active">
        <a href=""></a>
      </li>
      <li class="">
        <a href=""></a>
      </li>
      <li class="">
        <a href=""></a>
      </li>
      <li class="">
        <a href=""></a>
      </li>
      <li>
        <a href=""></a>
      </li>
      <li>
        <a href=""></a>
      </li>
      <li>
        <a href=""></a>
      </li>
    </ul>
    <span id="logo" class="logo original-logo" style="width: 151.269px; height: 169.734px; margin-left: -75.6347px; top: 16.574%;">
      <img alt="" src="welcome_files/balloon_fdb9722.png"></span>
    <div id="button-download" style="top: 63.88%;">
      <a href="https://shiyiquan.net/" target="_blank" class="i-bbt">十一圈</a>
      <a href="http://mail.hccteam.ml" target="_blank" class="i-bbt">邮箱</a></div>
    <div id="main" style="margin-top: 0px;">

      <ul id="boxes" style="font-size: 22.7259px;">
        <li class="boxes-item-first" style="display: block;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper1_aacd261.jpg" data-src="style/images/wallpaper1-static_ebbb0ca.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span data-anim="anim-logo" class="logo-group logo-g1 original-logo logo anim anim-logo" style="width: 151.269px; height: 169.734px; margin-left: -75.6347px; top: 16.574%;">
            <img alt="" src="welcome_files/balloon_fdb9722.png"></span>
          <span data-anim="anim-cloud-large-once" class="anim cloud-large cloud-large-once scale anim-cloud-large-once" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-cloud-small-once" class="anim cloud-small cloud-small-once scale anim-cloud-small-once" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-cloud-large" class="anim cloud-large scale anim-cloud-large" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-cloud-small" class="anim cloud-small scale anim-cloud-small" style="transform: scale(0.710185);"></span>
        </li>
        <li style="display: none;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper7_45d966c.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span class="logo-group logo-g7">
            <span class="logo anim logo-compass" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/compass_c5234dc.png"></span>
            <span data-anim="anim-logo-compass-pointer" class="logo anim logo-compass-pointer" style="width: 90.9037px; height: 90.9037px; margin-left: -45.4519px; top: 20.014%;">
              <img alt="" src="welcome_files/compass-pointer_8b29f62.png" style="display: inline;">
              <img alt="" src="welcome_files/compass-pointer-ie_d9332c2.png" style="display: none;"></span>
          </span>
          <span data-anim="anim-balloon-mini" class="anim balloon-mini">
            <img alt="" src="welcome_files/fire-balloon-mini_4b46187.png"></span>
        </li>
        <li style="display: none;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper2_4dbc47d.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span class="logo-group logo-g3">
            <span data-anim="anim-logo-conch" class="logo anim logo-conch" style="width: 145.588px; height: 169.734px; margin-left: -72.794px; top: 15.74%;">
              <img alt="" src="welcome_files/conch_0f510b1.png"></span>
            <span class="logo anim logo-conch-static">
              <img alt="" src="welcome_files/conch-static_1a6b019.png"></span>
          </span>
          <span data-anim="anim-bubble-1" class="anim bubble-large bubble-1 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-2" class="anim bubble-large bubble-2 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-3" class="anim bubble-large bubble-3 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-4" class="anim bubble-middle bubble-4 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-5" class="anim bubble-middle bubble-5 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-6" class="anim bubble-middle bubble-6 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-7" class="anim bubble-middle bubble-7 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-8" class="anim bubble-small bubble-8 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-9" class="anim bubble-small bubble-9 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-10" class="anim bubble-small bubble-10 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-11" class="anim bubble-small bubble-11 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-12" class="anim bubble-small bubble-12 scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-bubble-13" class="anim bubble-small bubble-13 scale" style="transform: scale(0.710185);"></span>
        </li>
        <li style="display: none;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper3_c02363a.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span data-anim="anim-logo-balloons" class="logo-group logo-g5 logo anim logo-balloons" style="width: 186.779px; height: 237.202px; margin-left: -93.3894px; top: 13.33%;">
            <img alt="" src="welcome_files/balloons_bd90343.png"></span>
        </li>
        <li class="boxs-item-mask" style="display: none;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper4_8bbb944.jpg" data-src="style/images/wallpaper4-static_76e7054.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span class="logo-group logo-g2">
            <span class="logo anim logo-et logo-g2-first" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/et-1_1a9d468.png"></span>
            <span class="logo anim logo-et" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/et-2_172043a.png"></span>
            <span class="logo anim logo-et" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/et-3_2fa36cb.png"></span>
            <span class="logo anim logo-et" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/et-4_4f05e68.png"></span>
            <span class="logo anim logo-et" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/et-5_1dff6cb.png"></span>
            <span class="logo anim logo-et" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/et-6_c85d317.png"></span>
            <span class="logo anim logo-balloon" style="width: 145.588px; height: 170.444px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/balloon-blue-1_c279c32.png"></span>
            <span class="logo anim logo-balloon" style="width: 145.588px; height: 170.444px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/balloon-blue-2_e5a4c04.png"></span>
            <span class="logo anim logo-balloon" style="width: 145.588px; height: 170.444px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/balloon-blue-3_be37480.png"></span>
            <span class="logo anim logo-balloon" style="width: 145.588px; height: 170.444px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/balloon-blue-4_32a1ad2.png"></span>
            <span class="logo anim logo-balloon" style="width: 145.588px; height: 170.444px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/balloon-blue-5_12b5193.png"></span>
            <span class="logo anim logo-balloon" style="width: 145.588px; height: 170.444px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/balloon-blue-6_6106a51.png"></span>
            <span class="logo anim logo-football" style="width: 173.285px; height: 190.33px; margin-left: -86.6426px; top: 15.74%;">
              <img alt="" src="welcome_files/football_335f428.png"></span>
            <span class="logo anim logo-facebook" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/facebook_f50762e.png"></span>
            <span class="logo anim logo-egg" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/egg_fcddb61.png"></span>
            <span class="logo anim logo-radish" style="width: 145.588px; height: 210.215px; margin-left: -72.794px; top: 10.648%;">
              <img alt="" src="welcome_files/radish_140813c.png"></span>
            <span class="logo anim logo-acorn" style="width: 148.429px; height: 190.33px; margin-left: -74.2144px; top: 13.05%;">
              <img alt="" src="welcome_files/acorn_1b58961.png"></span>
            <span class="logo anim logo-black8" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/black8_a3f3abf.png"></span>
            <span class="logo anim logo-chili" style="width: 145.588px; height: 200.272px; margin-left: -72.794px; top: 11.75%;">
              <img alt="" src="welcome_files/chili_ca3755f.png"></span>
            <span class="logo anim logo-eve" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/eve_f93ec62.png"></span>
            <span class="logo anim logo-ladybird" style="width: 145.588px; height: 185.358px; margin-left: -72.794px; top: 13.7%;">
              <img alt="" src="welcome_files/ladybird_869ad5b.png"></span>
            <span class="logo anim logo-landmark" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/landmark_324127c.png"></span>
            <span class="logo anim logo-smile" style="width: 145.588px; height: 164.053px; margin-left: -72.794px; top: 16.48%;">
              <img alt="" src="welcome_files/smile_cfc607d.png"></span>
          </span>
          <span data-anim="anim-balloon-t" class="anim balloon-t scale" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-balloon-b" class="anim balloon-b scale" style="transform: scale(0.710185);"></span>
        </li>
        <li style="display: none;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper5_a5bd6fc.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span data-anim="anim-logo-aircraft" class="logo-group logo-g4 logo anim logo-aircraft" style="width: 161.922px; height: 377.819px; margin-left: -80.9611px; top: 16.48%;">
            <img alt="" src="welcome_files/aircraft_5323ddf.png"></span>
          <div class="anim aircraft-mountain" style="height: 184.648px; background-size: 100% auto;"></div>
          <div class="anim aircraft-sky" style="background-size: 100%;"></div>
          <div data-anim="anim-aircraft-stars-front" class="anim aircraft-stars-front" style="height: 1534px; background-size: 100% auto;"></div>
          <div data-anim="anim-aircraft-stars-behind" class="anim aircraft-stars-behind" style="height: 1534px; background-size: 100% auto;"></div>
          <span data-anim="anim-meteor-1" class="anim scale meteor meteor-1" style="transform: scale(0.710185);"></span>
          <span data-anim="anim-meteor-2" class="anim scale meteor meteor-2" style="transform: scale(0.710185);"></span>
        </li>
        <li style="display: none;">
          <img class="wallpaper" alt="" src="welcome_files/wallpaper6_6a0ec5b.jpg" style="width: 100%; height: auto; top: -133px; left: 0px;">
          <span class="logo-group logo-g6">
            <span class="logo anim logo-blackhole" style="width: 220.157px; height: 220.157px; margin-left: -110.079px; top: 13.05%;">
              <img alt="" src="welcome_files/black-hole_c06a63f.png"></span>
            <span data-anim="anim-logo-blackhole-light" class="logo anim logo-blackhole-light" style="width: 220.157px; height: 220.157px; margin-left: -110.079px; top: 13.05%;">
              <img alt="" src="welcome_files/black-hole-light_f614fc5.png"></span>
          </span>
          <span data-anim="anim-light-1" class="anim light light-1"></span>
          <span data-anim="anim-light-2" class="anim light light-2"></span>
          <span data-anim="anim-light-3" class="anim light light-3"></span>
          <span data-anim="anim-light-4" class="anim light light-4"></span>
        </li>
      </ul>
      <ul id="desc" style="width: 426.111px; margin-left: -213.056px; top: 42.9%; font-size: 62.4963px;">
        <li class="desc-item-first" style="display: block;">
			<p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
          <p>向下滚动有惊喜</p>
        </li>
        <li style="display: none;">
          <p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
        </li>
        <li style="display: none;">
          <p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
        </li>
        <li style="display: none;">
          <p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
        </li>
        <li style="display: none;">
          <p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
        </li>
        <li style="display: none;">
          <p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
        </li>
        <li style="display: none;">
          <p><h2>HCC, I'm.&nbsp;&nbsp;&nbsp;</h2></p>
        </li>
      </ul>
    </div>
  </div>
</body>

</html>
